/**
 * 目标：完成注册功能
 * 1.1 收集注册数据并校验
 * 1.2 发送请求
 * 1.3 显示结果
 * 1.4 跳转至登录页
 */

document.querySelector("#btn-register").addEventListener("click", async () => {
  // 1.1 收集注册数据并校验 serialize(表单，{})
  const data = serialize(document.querySelector(".register-form"), {
    hash: true,
    empty: true,
  });
  // console.log(data);
  //   const { username, password } = data;
  //   console.log(username, password);

  if (!data.username) {
    return showToast("用户名不能为空");
  }
  if (data.username.length < 8 || data.username.length > 30) {
    return showToast("用户名不符合要求");
  }
  if (!data.password) {
    return showToast("密码不能为空");
  }
  if (data.password.length < 8 || data.password.length > 30) {
    return showToast("密码不符合要求");
  }

  // 1.2 发送请求  数据提交
  try {
    const res = await axios({
      url: "/register",
      method: "post",
      data,
    });
    //1.3 显示结果
    showToast(res.message); // 这里不要解构
    // 1.4 跳转至登录页注意，我们使用的这个js是在register.html里面，所以要从register.html页面出发寻找login.html，所以是当前路径。
    // location.href = "./login.html";
    setTimeout(() => {
      location.href = "./login.html";
    }, 2000);
  } catch (error) {
    // console.dir(error)
    showToast(error.response.data.message);
  }
});
